<template>
  <div class="page">
    <div class="client-info">
    <group>
      <cell title="微信昵称" :value="clientInfo.wetchatNickname"></cell>
      <cell title="手机号码" :value="clientInfo.phone"></cell>
      <cell title="所在地址" :value="clientInfo.address"></cell>
      <cell title="所属行业" :value="clientInfo.industry"></cell>
      <cell title="宝宝姓名" :value="clientInfo.babyName"></cell>
      <cell title="宝宝性别" :value="clientInfo.babyGender"></cell>
      <cell title="宝宝生日" :value="clientInfo.babyBirthday"></cell>
      <cell title="客户来源" :value="clientInfo.clientSources"></cell>
      <cell title="跟进状态" :value="clientInfo.followState"></cell>
      <cell title="客户属性" :value="clientInfo.clientProperty"></cell>
      <cell title="锁定营销" :value="clientInfo.counselor"></cell>
      <cell title="关注公众号" :value="clientInfo.isWechatFollow"></cell>
      <cell title="添加时间" :value="clientInfo.addTime"></cell>
     </group>
     </div>
  </div>
</template>

<script>
  import Vue from 'vue'

  import { Cell, Group } from 'vux'

   export default{
    data () {
    return {
      clientInfo: {
        wetchatNickname : '陈妈妈',
        phone : '18320150265',
        address: '广东省广州市天河区',
        industry: '金融',
        babyName : '何梓馨',
        babyGender: '女',
        babyBirthday: '2015-11-20',
        clientSources: '微信',
        followState: '初步洽谈',
        clientProperty: '意向客户',
        counselor: '林丽勤',
        isWechatFollow: '是',
        addTime: '2017-03-07 16:18'
      }
    }
    },

    components:{
      Cell,
      Group
    },

    mounted () {
    this.callJsApi('biz.navigation.setTitle',{title:'客户信息'});
    }
   }
</script>

<style lang="less">
  .client-info {
    .weui-cells{
    margin-top: 0.1em;
    }
  }
</style>
